const colorSets = [
    {name: "blue", light: [100, 200, 300], dark: [700, 800, 900]},
    {name: "green", light: [100, 200, 300], dark: [700, 800, 900]},
    {name: "yellow", light: [600, 700, 800], dark: [900, 950]},
    {name: "red", light: [100, 200, 300], dark: [700, 800, 900]},
    {name: "purple", light: [100, 200, 300], dark: [700, 800, 900]},
    {name: "pink", light: [100, 200, 300], dark: [700, 800, 900]},
    {name: "indigo", light: [100, 200, 300], dark: [700, 800, 900]}
];

function getRandomColor() {
    const colorSet = colorSets[Math.floor(Math.random() * colorSets.length)];
    const lightShade = colorSet.light[Math.floor(Math.random() * colorSet.light.length)];
    const darkShade = colorSet.dark[Math.floor(Math.random() * colorSet.dark.length)];
    return `bg-${colorSet.name}-${lightShade} dark:bg-${colorSet.name}-${darkShade}
            hover:opacity-80 transition-opacity duration-200
            border border-black/10 dark:border-white/20`;
}

export {getRandomColor};